<!DOCTYPE HTML><html><head><meta charset="utf-8"><meta name="viewport" content="maximum-scale=1,minimum-scale=1,user-scalable=0,width=device-width,initial-scale=1"><meta name="format-detection" content="telephone=no,email=no,date=no,address=no"><link rel="stylesheet" href="../../../global/css/aui.css"><link rel="stylesheet" href="../../../global/css/swiper.min.css"><link rel="stylesheet" href="./frm.css"></head><body><div id="main"><main-component></main-component></div></body><script type="text/x-template" id="main-component"><div>
		<editor-element v-for="(item, index) in contentList" :key="index" :index="index" :item="item"
						:imgList="imgList" :videoList="videoList"
						@delEl="delElAction" @addEl="addElAction"
						@showModal="showModalAction" @showTemplate="showTemplateAction"></editor-element>
		<button style="border: 0;outline: 0;" @click="postPublishAction($event)" class="post-publish-btn">发 布</button>

		<editor-modal v-if="isShowModal" :imgList="imgList" :videoList="videoList" :index="modalIndex"
					  @addEl="addElAction" @close="closeModalAction"></editor-modal>
		<editor-nav-extra @addEl="addElAction" :index="modalIndex" v-if="isShowTemplate"  @close="closeModalAction"></editor-nav-extra>
	</div></script><script type="text/x-template" id="toolbar-component"><div class="editor-toolbar">
		<div @click="toolbarAction(index)" v-for="(item, index) in toolbar" :key="index" class="editor-toolbar-item">{{item.title}}</div>
	</div></script><script type="text/x-template" id="editor-element"><div class="editor-element">
		<div class="editor-element-container">
			<div class="editor-element-wrapper">

				<span v-if="item.type == 'list'">{{listIndexText}}</span>
				<span v-if="item.type == 'section'">【</span>
				<input class="element-input" :class="{'title': item.type == 'title'}" v-if="isInput" :disabled="(item.type=='title'&&item.isSuperUser==0) ? true : false" type="text" v-model="item.value" :placeholder="item.placeholder">
				<span v-if="item.type == 'section'">】</span>

				<textarea class="content-textarea" onfocus="edit_main_text(this);" oninput="edit_main_text(this);" v-if="item.type == 'content'" v-model="item.value" ></textarea>
				<img v-if="item.type == 'img'" :src="item.value" />
				<video  controls class="content-video" v-if="item.type == 'video'" :src="item.value"></video>
				<div @click="playVideo"  v-if="item.type == 'video'" class="play-video"></div>
			</div>
			<div @click="delAction" v-if="item.type != 'title'" class="aui-iconfont aui-icon-trash delete-btn"></div>
		</div>

		<editor-toolbar @click="toolbarAction" :index="index"></editor-toolbar>
	</div></script><script type="text/x-template" id="editor-modal"><div class="editor-modal">
		<div class="editor-extra-container">
			<div class="editor-extra-title">选择原贴附件</div>
			<div class="editor-extra-wrapper">
				<div>图片资源</div>
				<div @click="imageSelectAction(index)" v-for="(item, index) in imgList" :key="index" class="editor-extra-item">
					<img :src="item"/>
				</div>
			</div>
			<div class="editor-extra-wrapper">
				<div>视频资源</div>
				<div v-for="(item, index) in videoList" :key="index" class="editor-extra-item">
					<video preload="auto" :src="item"></video>
					<div @click="videoSelectAction(index)" class="play-video"></div>
				</div>
			</div>
			<div @click="closeAction" class="aui-iconfont aui-icon-close modal-close-btn"></div>
		</div>
	</div></script><script type="text/x-template" id="editor-nav-extra"><div class="editor-modal">
		<div class="editor-extra-container">
			<div class="editor-extra-title">选择底部导航素材</div>
			<div v-if="isSelectTag" class="editor-extra-wrapper">
				<div>选择类目</div>
				<div class="extra-tag-container">
					<div v-for="(item, index) in tagSelect" :key="index" data-index="index" class="extra-tag-item">
						<select @change="selectTag($event, index)">
							<option v-for="(tag, i) in item.children" :key="i" :value="i">{{tag.name}}</option>
						</select>
						<div class="aui-iconfont aui-icon-close modal-close-btn"></div>
					</div>
				</div>
				<div class="tag-search-btn">
					<div @click="searchTagAction">搜索</div>
				</div>
			</div>
			<div v-if="!isSelectTag" class="editor-extra-wrapper">
				<div>选择资源</div>
				<div class="extra-select-container">
					<div class="extra-select-item" v-for="(item, index) in extraList" :key="index" @click.catch="extraItemSelectAction(index)">
						<img :src="item.thumbnail" />
						<div v-if="item.isSelect" class="aui-iconfont aui-icon-correct extra-select-icon"></div>
						<div class="aui-iconfont extra-type-icon" :class="[ item.type == 'image' ? 'aui-icon-image' : 'aui-icon-video'  ]"></div>
					</div>
				</div>
				<div class="tag-search-btn">
					<div @click.catch="searchExtraAction">确定</div>
				</div>
			</div>
			<div @click="closeAction" class="aui-iconfont aui-icon-close modal-close-btn"></div>
		</div>
	</div></script><script src="../../../config.js?time={$time}"></script><script src="../../../global/script/lib/api.js?time={$time}"></script><script src="../../../global/script/lib/vue.min.js"></script><script src="./lib/BBCodeParser.js?time={$time}"></script><script src="./lib/HtmlEscapeParser.js?time={$time}"></script><script src="./mixin.js?time={$time}"></script><script src="../../../global/script/lib/doT.min.js"></script><script src="../../../global/script/lib/aui-toast.js"></script><script src="../../../global/script/lib/swiper.min.js"></script><script src="../../../global/script/lib/zepto.min.js"></script><script src="../../../global/script/libx/myCompact.js"></script><script src="../../../global/script/libx/myMediaScanner.js"></script><script src="../../../global/script/libx/myPic.js"></script><script src="../../../global/script/mylib.js?time={$time}"></script><script src="../../../app.js?time={$time}"></script><script src="./frm.js?time={$time}"></script></html>